<div class="form-group col-lg-{$_layout[$name]['lg']|default='12'} col-md-{$_layout[$name]['md']|default='12'} col-sm-{$_layout[$name]['sm']|default='12'} col-xs-{$_layout[$name]['xs']|default='12'} wrap {$extra_class|default=''}" id="form_group_{$name}">
    <label class="col-xs-12">{$title|htmlspecialchars}</label>
    <div class="col-xs-12">
        {volist name="options" id="option"}
        <dd>
            <label class="css-input css-checkbox css-checkbox-{$attr.color|default='primary'} css-checkbox-{$attr.size|default='sm'} css-checkbox-{$attr.shape|default='rounded'}  {$extra_label_class|default=''}">
                <input type="checkbox" name="{$name}[]" id="{$name}{$key}" value="{$key}" <?php $key = (string)$key; ?> {in name="key" value="$value|default=''"}checked{/in} {$extra_attr|raw|default=''}><span></span> {$option|raw|htmlspecialchars}
            </label>
        </dd>
        {/volist}
        {notempty name="tips"}
        <div class="help-block">{$tips|raw|clear_js}</div>
        {/notempty}
    </div>
</div>